body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
/*service*/
.serviceP{
    width:100%;
    height:100%;
    position: relative;
     /*top: 110px; */
    background:url(../img/serprobg.jpg) no-repeat left center/100% 100%;
}
/*img*/
.servicep-img{
    width:868px;
    height:840px;
    margin:0 auto;
    position:relative;
    z-index: 1;
    background:url(../img/banner.png) no-repeat left center/100% 100%;
    animation:zoomOut 2s;
}
.servicep-img>div{
    position:relative;
    z-index: 10;
    width:176px;
    height:140px;
    background-position: -337px -143px;
}
/*div通用*/
.servicep-img>div>div{
    position: absolute;
    /*z-index: 13;*/
     display: none; 
}
/*span通用*/
.servicep-img>div>span{
    display: none; 
    position: absolute;
    width: 340px;
    z-index: 10;
    height: 336px;
}
/*直通车  111*/
.serpro-s1{
    left: 293px;
    top: 123px;
}
.serpro-s1 div{
    left: 0px;
    top: 0px; height: 146px;
    width: 212px;
    background: url(../img/ergtrzh.png) no-repeat -140px 0px/262%;
     /*   left: -8px;
    top: -18px;
    height: 159px;
    width: 212px;
    background: url(../img/ergtrzh.png) no-repeat -152px 0px/281%;*/
}
.serpro-s1 span{
   left: -35px;
    top: 136px;  
    background: url(../img/ergtrzh.png) no-repeat 49% 55%;
}
/*收藏  222*/
.serpro-s2{
    left: 499px;
    top: 2px;
}
.serpro-s2 div{
    height: 191px;
    width: 177px;
    left: 1px;
    top: 2px;
    background: url(../img/346w45.png) no-repeat -340px -16px/309%;
    z-index: 11;
    /*height: 191px;
    width: 188px;
    left: 6px;
    top: -21px;
    background: url(../img/346w45.png) no-repeat -373px -18px/316%;
    z-index: 11;*/
}
.serpro-s2 span{
    left: -241px;
    top: 116px;
    background: url(../img/346w45.png) no-repeat 49% 54%;
    z-index: 10;
}
/*优惠卷红包*/
.serpro-s3{
        left: 554px;
    top: 55px;
}
.serpro-s3 div{
     height: 199px;
    width: 207px;
    left: 31px;
    top: -44px;
    background: url(../img/34656.png) no-repeat -434px -167px/282%;
}
.serpro-s3 span{
    left: -292px;
    top: -77px;
    background: url(../img/34656.png) no-repeat 46% 54%;
    z-index: 10;
}
/*淘口令   扫码*/
.serpro-s4{
    left: 520px;
    top: 72px;
}
.serpro-s4 div{
    height: 215px;
    width: 211px;
    left: -20px;
    top: -28px;
    background: url(../img/erytru.png) no-repeat -353px -344px/276%;
    /*z-index: 12;*/
}
.serpro-s4 span{
    left: -258px;
    top: -234px;    border-radius: 50%;
    background: url(../img/erytru.png) no-repeat 46% 54%;
}
/*种草回访*/
.serpro-s5{
    left: 358px;
    top: 23px;
}
.serpro-s5 div{
height: 215px;
    width: 211px;
    left: 7px;
    top: -48px;
    background: url(../img/tryuy5.png) no-repeat -218px -425px/278%;
    /* z-index: 12; */
}
.serpro-s5 span{
        left: -96px;
    top: -328px;
    /* border-radius: 50%; */
    background: url(../img/tryuy5.png) no-repeat 46% 49%;
}
/*高校测图*/
.serpro-s6{
        left: 189px;
    top: -165px;
}
.serpro-s6 div{
   height: 215px;
    width: 211px;
    left: -12px;
    top: -28px;
    background: url(../img/ertyfgh.png) no-repeat -28px -384px/273%;
}
.serpro-s6 span{
       left: 70px;
       border-radius: 100%;
    top: -279px;
    background: url(../img/ertyfgh.png) no-repeat 45% 49%/181%;
}
/*开团提醒*/
.serpro-s7{
     left: 88px;
    top: -468px;
}
.serpro-s7 div{
        height: 215px;
    width: 211px;
    left: 23px;
    top: -15px;
    background: url(../img/serb7_03.png) no-repeat 12px -228px/280%;
}
.serpro-s7 span{
         left: 171px;
    border-radius: 100%;
    top: -115px;
    background: url(../img/serb7_03.png) no-repeat 51% 49%/195%;
}
/*评价点赞*/
.serpro-s8{
       left: 145px;
    top: -779px;
}
.serpro-s8 div{
    height: 215px;
    width: 211px;
    left: 4px;
    top: -23px;
    background: url(../img/wetr.png) no-repeat -21px -51px/280%;
}
.serpro-s8 span{
        left: 115px;
    border-radius: 100%;
    top: 56px;
    background: url(../img/wetr.png) no-repeat 51% 49%/195%;
}